<div ng-controller="ProductcatCtrl" ng-init="addAction()" class="sui-form form-horizontal">
    <form name="productcatForm" novalidate ng-submit="productcatAdd()">
        <ul class="sui-breadcrumb">
            <li><a href="#/productcat/list">{{'product' | translate}}{{'List'| translate}}</a></li>
            <li class="active">{{product.pid?'edit':'add_new' | translate}}</li>
        </ul>
        <div class="control-group" ng-if="product.id">
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'productid' | translate}}:</label>
            <div class="controls">
                {{product.id}}
            </div>
        </div>
         <div class="control-group" >
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'Name' | translate}}:</label>
            <div class="controls">
                <input type="text" name="name" ng-model="productcat.name" class="
                input-xlarge" required>
                 <div ng-show="productcatForm.name.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top">
            {{'product_num' |translate}}
            </label>
            <div class="controls">
                <input type="number" name="product_num" ng-model="productcat.product_num" class="input-xlarge" required>
            </div>
               <div ng-show="productcatForm.product_num.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
        </div>
        <div class="control-group" >
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'ordinary' | translate}}:</label>
            <div class="controls">
                <input type="number" name="ordinary" ng-model="productcat.ordinary" class="
                input-xlarge" required>
                <div ng-show="productcatForm.ordinary.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>

        </div>
        <div class="control-group" >
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'bronze' | translate}}:</label>
            <div class="controls" >
                <input type="number"  name="bronze" ng-model="productcat.bronze" class="
                input-xlarge">
                 <div ng-show="productcatForm.bronze.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div>
        <div class="control-group" >
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'silver' | translate}}:</label>
            <div class="controls">
                <input type="number" name="silver" ng-model="productcat.silver" class="
                input-xlarge">
                <div ng-show="productcatForm.silver.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div>
        <div class="control-group" >
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'gold' | translate}}:</label>
            <div class="controls">
                <input type="number"  name="gold" ng-model="productcat.gold" class="
                input-xlarge">
                <div ng-show="productcatForm.gold.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div>
        <div class="control-group" >
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'platinum' | translate}}:</label>
            <div class="controls">
                <input type="number"  name="platinum" ng-model="productcat.platinum" class="
                input-xlarge">
                <div ng-show="productcatForm.platinum.$error.required" class="sui-msg msg-error msg-clear help-block error ">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label"></label>
            <div class="controls">
                <button type="submit" id="submit" class="sui-btn btn-primary" ng-disabled="!productcatForm.$valid">
                    <span>{{'save'|translate}}</span>
                </button>
            </div>
        </div>
    </form>
</div>
